<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/jsp/taglib.jsp"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<%@ include file="/jsp/head.jsp"%>
 
	<link rel="stylesheet" href="${ctx}/assets/css/amazeui.min.css">
	<link rel="stylesheet" href="${ctx}/assets/css/admin.css">
	<link rel="stylesheet" href="${ctx}/assets/css/app.css">
	
	<%@ include file="/jsp/jslib.jsp"%>
	<script type="text/javascript">
		var PAGE_CONFIG = {'MENU_INDEX' : 3,'LI_INDEX' : 3};
	</script>
	<script type="text/javascript" src="${ctx}/js/report.js"></script>
	<script type="text/javascript">
	$(function(){
		report.ctx = "${ctx}";
		
		if("" != $('#error').val()){
			var $modal1 = $('#my-alert');
			$modal1.modal();
			return;
		}
		report.queryCompany("1");
	});
	</script>
</head>
<body>
<%@ include file="/jsp/banner.jsp"%>
<div class="am-cf admin-main">
	<%@ include file="/jsp/menu.jsp"%>
	
	<!-- content start -->
	<div class="admin-content">
		<div class="admin-content-body">
		
			<!-- ***** 分离出去 动态加载 start ***** -->
	        <div class="am-g am-margin-top">
	            <div class="am-u-sm-2 am-text-right">选择部门</div>
	            <div class="am-u-sm-3">
	                <select id="companyId" data-am-selected="{btnSize:'sm'}" >
				    	<option value="">请选择</option> 
						<c:forEach items="${companyList }" var = "company" >
							<option value="${company.companyId }" <c:if test="${company.companyId == companyId}">selected</c:if>>${company.companyName }</option>
						</c:forEach>
				    </select>
	            </div>
	            <div class="am-u-sm-2">
	  				<input id="startDate" class="am-form-field am-input-sm" data-am-datepicker="{format: 'yyyy-mm-dd'}" readonly placeholder="开始签订日期"/>
	  			</div>
	            <div class="am-u-sm-2">
	  				<input id="endDate"   class="am-form-field am-input-sm" data-am-datepicker="{format: 'yyyy-mm-dd'}" readonly placeholder="结束签订日期"/>
	  			</div>
	            <div class="am-u-sm-2">
	  				<button type="button" onClick="report.queryCompany('1');" class="am-btn am-btn-primary am-btn-sm"> 搜 索 </button>
	  			</div>
	        </div>
			
			<hr/>
			
			<div class="am-g">
			    <div class="am-u-sm-12">
		            <table class="am-table am-table-striped am-table-hover table-main am-u-sm-6">
		                <thead>
		                    <tr>
		                        <th class="table-title" colspan="6" style="text-align:center; font-size:20px">${companyName}部门</th>
		                    </tr>
		                    <tr>
		                        <th class="table-title">项目名称</th>
		                        <th class="table-title">签订日期</th>
		                        <th class="table-title">员工名</th>
		                        <th class="table-title">客户公司</th>
		                        <th class="table-title">销售业绩</th>
		                    </tr>
		                </thead>
		
		                <tbody id="tableList"></tbody>
		            </table>
			            
		            <input type="hidden" id = "count" value="${count}">
		            <div class="am-cf">
			            <div  class="am-fr">
			            	<ul class="am-pagination" id="page"></ul>
			            </div>
		            </div>
			    </div>
			</div>
			
			<!-- ***** 分离出去 动态加载 end ***** -->
		</div>
	<!-- content end -->
	</div>
</div>


</body>
</html>